.list-body{
  width: 100%;
  height: 62px;
  background: #2e3032;
  .top{

 .he{
    width: 1200px;
    margin: 0 auto;
    height: 62px;
    text-align: center;
    padding-left:200px;
    li {
      list-style: none;
      height: 62px;
      float: left;
      a {
        text-decoration: none;
        color: #d5d6d6;
        height: 62px;
        line-height: 62px;
        font-size: 18px;
        padding: 0 25px;
      }
    }
  }
  }


  .liu {
    width: 1200px;
    height: 30px;
    margin: 50px auto 50px;
    .wen{
      float: left;
    }
    .wen span {
      font-size: 12px;
      display: block;
      color:#1a1a1a;
    }
    .tu{
      display: block;
      height: 30px;
      width: 30px;
      background: black;
      color: white;
      border-radius: 50%;
      text-align: center;
      float: left;
      margin-left:10px;
      margin-right: 10px;
      -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
      box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
      -webkit-transform: translate3d(0, -2px, 0);
      transform: translate3d(0, -2px, 0);
      img{
        margin-top: 7px;
        margin-left: 5px;
      }
    }
  }
//  产品列表处开始
  .list{
    width: 1200px;
    height: 1000px;
    margin: 0 auto;
    ul {
      margin-left: 0px;
      padding-left: 0px;
      li {
        width: 390px;
        height: 306px;
        background: white;
        cursor: pointer;
        float: left;
        margin:0px 5px;
        margin-top: 20px;
        overflow: inherit;
        position: relative;
        -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
        box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
        -webkit-transform: translate3d(0, -2px, 0);
        transform: translate3d(0, -2px, 0);
        list-style: none;
        .a{
          width: 390px;
          height: 300px;
          display: block;
          text-align: center;
          img{
            margin-top: 30px;
            width: 248px;
            height: 197px;
          }
          .zi{
            width: 250px;
            height: 49px;
            margin: 0 auto 30px;
            text-align: center;
            .span{
              display: block;
              font-size: 12px;
              margin-top: -5px;
              margin-bottom: 5px;
              color: black;
              en{
                color:red;
                font-size:16px;
              }
            }
            .pan{
              display: block;
              color: black;
              font-size: 14.24px;
              letter-spacing:1px;
              line-height: 11px;
              color:black;
              float: left;
              width: 100%;
              margin: 0 auto;
              .i1,.i2{
                display: inline-block;
                width: 4px;
                height: 4px;
                line-height: 5px;
                background: black;
                border-radius: 50%;
              }
              .i1{
                margin-right:5px;
              }
              .i2{
                margin-left: 5px;
              }
            }
            .an{
              display: block;
              height: 18px;
              color: black;
              font-size: 12px;
              color:393838;
              margin-bottom: 31px;
            }
          }
        }
        .ban .xian img{
          display: none;
        }
        .p{
          position: relative;
          top:-480px;
          left: 0px;
          width: 70%;
          display: none;
          font-size: 18px;
          color: white;
          text-align: center;
          margin: 0 auto;
          opacity: 1;
          display: none;
        }
      }
      li:hover {
        //-webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
        //box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
        //-webkit-transform: translate3d(0, -4px, 0);
        //transform: translate3d(0, -4px, 0);
      }
      li:hover .ban{
        position: relative;
        top:-300px;
        left: 0px;
        width: 390px;
        height: 306px;
        background: red;
        opacity: 0.7;
        padding-top: 2%;
        padding-left: 2%;
        .xian{
          width: 98%;
          height: 98%;
          border: 3px solid white;
          img{
            margin-top: 12px;
            margin-left: 12px;
            display: block;
          }
        }
      }
      li:hover .p{
        display: block;
      }
    }
  }
//  产品列表处结束

//  分页开始
  .ye{
    width: 1200px;
    height: 45px;
    margin: 80px auto 80px;
    ul{
      list-style:none;
      margin: 0 auto;
      width: 570px;
      height: 45px;
      li{
        float: left;
        height: 42px;
        width: 80px;
        background: red;
        margin: 0 8px;
        border-radius: 20px;
        .a{
          display: block;
          height: 42px;
          width: 80px;
          border-radius: 20px;
          text-align: center;
          line-height: 42px;
          font-size: 28px;
        }
      }
    }











  }
//  分页结束







}